\section{Pruebas realizadas y resultados}

A continuación vamos a mostrar algunas pruebas que hicimos y los resultados obtenidos para mostrar el funcionamiento de la herramienta implementada.

\subsection{HTMLs correctos}

En esta sección mostraremos ejemplos de \emph{HTML} bien formados y los resultados que da el programa cuando los analiza.

\begin{itemize}
  \item \emph{\texttt{<html><head><title>Esto es un titulo</title></head><body>Esto es un body</body></html>}}
  \item \emph{\texttt{<html><body><div>Esto es un div</div><br><h1>Un h1</h1></body></html>}}
  \item \emph{\texttt{<html> <head><title>Esto es un titulo</title> <!- esto es un comentario -> <script>print("Hola mundo")</script></head><body>Esto es <p>una <h1>prueba</h1></p> <br></body></html>}}
\end{itemize}

\subsection{HTMLs incorrectos}

Ahora pasaremos a mostrar \emph{HTML} que no están bien formados. Estos HTMLs son rechazados por el parser. En un contexto real los mismos darían error si se intentaran abrir desde un browser, o no mostrarían lo que se tuvo intenciones de mostrar.

\begin{itemize}
  \item \emph{\texttt{<html><head><title>Esto es un titulo</title></head><body>Esto es un body</body>}}
  \item \emph{\texttt{<html><body><div>Esto es un div</div><br><h>Un h1</h1></body></html>}}
  \item \emph{\texttt{<html> <head><title>Esto es un <title></title> <!- esto es un comentario -> <script>print("Hola mundo")</script></head><body>Esto es <p>una <h1>prueba</h1></p> <br></body></html>)}}
\end{itemize}

\subsection{Salidas}

A continuación mostraremos las salidas de los \emph{HTML} correctos.

\title{Salida del primer HTML (ejemploCorrecto1.html)}
\begin{verbatim}
<html>
    <head>
        <title>Esto es un titulo</title>
    </head>
    <body>
        Esto es un body
    </body>
</html>
\end{verbatim}

\title{Salida del segundo HTML de prueba (ejemploCorrecto2.html)}
\begin{verbatim}
<html>
    <body>
        <div>Esto es un div</div><br><h1>Un h1</h1>
    </body>
</html>
\end{verbatim}

\title{Salida del tercer HTML de prueba (ejemploCorrecto3.html)}
\begin{verbatim}
<html>
    <head>
        <title>Esto es un titulo</title>
        <script>
            print("Hola mundo")
        </script>
    </head>
    <body>
        Esto es <p>una <h1>prueba</h1></p><br>
    </body>
</html>
\end{verbatim}

Dado que la impresión es en blanco y negro indicamos que los tags tienen distintos colores, por ejemplo, el tag html está de color negro, el tag head en naranja,
el title en fucsia, body en verde claro, etc. Para poder apreciarlos pueden abrir los archivos que se encuentran
en la carpeta informe con un browser.
